<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>IFE JavaScript Task 01</title>
</head>
<body>

<h3>污染城市列表</h3>
<ul id="aqi-list">
    <!--
        <li>第一名：福州（样例），10</li>
          <li>第二名：福州（样例），10</li> -->
</ul>

<script type="text/javascript">

    var aqiData = [
        ["北京", 90],
        ["上海", 50],
        ["福州", 10],
        ["广州", 50],
        ["成都", 90],
        ["西安", 100],
        ["汕头",65],
        ["桂林",80],
        ["梧州",70]
    ];
    var num = ["一","二","三","四","五","六"];
    var arr= [];
    (function () {

        /*
         在注释下方编写代码
         遍历读取aqiData中各个城市的数据
         将空气质量指数大于60的城市显示到aqi-list的列表中
         */
        var ul =document.getElementById("aqi-list");

        //先获取所有大60的保存到一个数组中

        for(var i = 0;i<aqiData.length;i++){
            if(aqiData[i][1]>60){
                arr.push(aqiData[i]);
            }
        }

        //利用冒泡排序,排好顺序

        for(var i = 0;i<arr.length-1;i++){
            for(var k = 0;k<arr.length-i-1;k++){
                if(arr[k][1]<arr[k+1][1]){
                    var next = arr[k];
                    arr[k] = arr[k+1];
                    arr[k+1] = next;
                }
            }
        }

        //便利排好的数组

        for(var i = 0;i<arr.length;i++){
            var li = document.createElement("li");
            li.innerHTML = "第"+num[i]+"名"+" "+arr[i][0]+" "+arr[i][1];
            ul.appendChild(li);
        }

    })();


</script>
</body>
</html>